html {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; height: 101%;}
body {font-size: 16px;-ms-word-break: break-all;word-break: break-all;word-break: break-word;word-wrap: break-word;overflow-wrap: break-word;background-color: #fff; color: #747f8c; font-family: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, "Lantinghei SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; -ms-word-break: break-all; word-break: break-all; word-break: break-word;word-wrap: break-word;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;}
a {color: #ff4800;}
a:hover {text-decoration: none; color: #333;}
img {max-width: 100%;}

/* 公共 */
.pr {position: relative;}
.img-div {display: block; overflow: hidden; background-color: #fff;}
.img-div img {max-width: none!important; width: 100%;}
.mb-0 {margin-bottom: 0px!important;}
.mt-0 {margin-top: 0px!important;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-40 {margin-top: 40px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-40 {margin-bottom: 40px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.bb-0 {border-bottom: 0;}
.pt-0 {padding-top: 0!important;}
.breadcrumb {background: transparent; color: #747f8c; line-height: 40px; padding:0 0 0 0; overflow: hidden; white-space: nowrap; border-radius: 0; font-size: 20px;}
.breadcrumb li {float: left;}
.breadcrumb a {color: #3f484f;}
.default-img {cursor: pointer; padding: 10px; background-color: #eeeeee;}
.btn-primary {color: #fff; background-color: #00acf7; border-color: #00acf7;}
.btn-primary:hover {opacity: 0.7; filter: alpha(opacity=70);color: #fff; background-color: #00acf7; border-color: #00acf7;}
.btn-danger {color: #fff; background-color:#e33a3c; border-color: #e33a3c;}
.btn-danger:hover {opacity: 0.7; filter: alpha(opacity=70);color: #fff; background-color:#e33a3c; border-color: #e33a3c;}
.btn-success {color: #fff; background-color:#54b012; border-color: #54b012;}
.btn-success:hover {opacity: 0.7; filter: alpha(opacity=70);color: #fff; background-color:#54b012; border-color: #54b012;}
.btn-info {color: #fff; background-color:#cd6de0; border-color: #cd6de0;}
.btn-info:hover {opacity: 0.7; filter: alpha(opacity=70);color: #fff; background-color:#cd6de0; border-color: #cd6de0;}
.btn-warning {color: #fff; background-color:#ff4800; border-color: #ff4800;}
.btn-warning:hover {opacity: 0.7; filter: alpha(opacity=70);color: #fff; background-color:#ff4800; border-color: #ff4800;}
.btn-default {color: #fff; background-color: #3e484f; border-color: #3e484f;}
.btn-default:hover {opacity: 0.7; filter: alpha(opacity=70);color: #fff; background-color: #3e484f; border-color: #3e484f;}
.btn {padding-left: 20px; padding-right: 20px; border-radius: 17px;}
.btn-xs {padding-left: 10px; padding-right: 10px;}
.btn-block {border-radius: 0;}
.btn:active, .btn.active {-webkit-box-shadow: none; box-shadow: none;}
.label-warning {background-color: #ff4800;}
.carousel-control {background-image:none!important;}
.carousel .item img {width: 100%;}
embed { display:block;width:100%; background: #f9f9f9;}
.panel-default {box-shadow: none; border-radius: 0;}
.panel-default > .panel-heading {background-color: #fff; font-size: 20px;}
hr {border-color: #f3f6f9;}
#nothing {background-color: #fff; text-align: center; padding: 100px 0; border: 1px solid #e3e3e3; margin-bottom: 20px;}
.inline {display: inline;}
.wto {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}

input:focus,textarea:focus,button:focus {outline: none!important; box-shadow: none!important;}

.panel-heading,
.nav-pills>li>a,
.modal-content,
.input-group-addon,
.form-control,
.dropdown-menu {border-radius: 0;}

.media-left {float: left; padding-right: 0;}
.media-body {display: block; width: auto;}

.modal-dialog {margin-top: 100px;}
.modal .modal-header {background-image: url(img/logo-footer.png); background-repeat: no-repeat; background-position: center center; background-color: #3e4147; height: 55px; border-bottom: 0;}
.modal-header .close {color: #fff; text-shadow: none; margin-top: 2px;}

.nav-tabs>li>a {white-space: nowrap; }

/* 模糊 */
.blur {	
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}

/* system-message */
.system-message.well {background: #fff; border: 1px solid #e3e3e3; padding: 100px 0;}
.success h1 i {color: #91cd50;}
.error h1 i {color: #e54e55;}
.system-message .message {font-size: 18px;}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#3f484f;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#ff4800}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* note-editor */
.form-control {border-color: #e3e3e3;-webkit-box-shadow: none; box-shadow:none; }
.note-editor .btn {border-radius: 0;}
.note-editor .btn-default {background-color: transparent; color: #3f484f; border-color: #e3e3e3;}

/* header */
header.header {line-height: 70px; background-color: #ff4800; font-size: 20px; font-weight: bold;}
header.header a {color: #fff;}
header.header a:hover {color: #ffb3a3;}
header.header form {background-color: transparent; float: left; padding: 0 20px; margin-left: -15px; position: relative; z-index: 10;}
header.header form .bg {background-color: #000; opacity: 0.1; filter: alpha(opacity=10); z-index: -1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; }
header.header form input,header.header form button {border: 0; background: transparent; padding: 0; line-height: 70px; color: #fff;}
header.header form input:focus,header.header form button:focus {outline: none;}
header.header form input {width: 240px;}
header.header form button i {top: 2px;}
header.header form button:hover {color: #ffb3a3;}

/* home */
.home-slider { }
.home-slider .text-center { background-position: center center; background-repeat: no-repeat; width: 100%; margin:0 0 20px; padding:200px 0 180px; background-size: cover; }
.home-slider .text-center .pr {z-index:10;}
.home-slider .text-center h1 {color: #fff; white-space: nowrap;}
.home-slider .text-center p {color:#fff;margin:0 auto 30px; font-size:18px; max-width:720px; line-height: 25px; height: 50px; overflow: hidden;}
.home-slider .text-center .btn {background-color:#3e484f; color:#fff; border:0;}
.home-slider .text-center .btn i {top: 2px; }

.home-pro h2.title {margin-top: 0; margin-bottom: 20px; font-weight: normal; line-height: 40px;}
.home-pro h2.title > i {top: 4px; color: #ff4800;}
.home-pro h2.title a {font-size: 16px; color: #3f484f;}
.home-pro h2.title a > i {top: 2px;}
.home-pro > .row {margin-left: -10px; margin-right: -10px;}
.home-pro > .row > .col {padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
.home-pro a.pr {display: block; overflow: hidden;}
.home-pro a.pr img {width: 100%;}
.home-pro a > .pa {position: absolute; bottom: 0; display: block; left: 0; width: 100%; height: 85px;}
.home-pro a > .pa.txt {z-index: 2; padding:15px 20px 10px; line-height: 30px; color: #3f484f; }
.home-pro a > .pa.txt .wto {font-size: 20px;}
.home-pro a > .pa.bg {background-color: #fff; opacity: 0.7; filter: alpha(opacity=70); z-index: 1;}
.home-pro a.pr:hover > .pa.txt {color: #fff;}
.home-pro a.pr:hover > .pa.bg {background-color: #ff4800;}
.home-pro .nav-terms {background-color: #f3f3f3; padding: 25px; line-height: 40px;}
.home-pro .nav-terms a {color: #3f484f; font-size: 20px; white-space: nowrap;}
.home-pro .nav-terms a:hover, .home-pro .nav-terms .active a {color: #ff4800;}
.home-pro .nav-terms .head a { font-weight: bold;}

.home-panel .panel-heading {font-size: 25px; line-height: 37px;}
.home-panel .panel-heading > i {color: #ff4800; top: 4px;}
.home-panel .panel-heading a {font-size: 16px; color: #3f484f;}
.home-panel .panel-heading a > i {top: 2px;}

.home-post-list > li {margin-bottom: 12px;}
.home-post-list > li:last-child {margin-bottom: 0;}
.home-post-list .img-div {width: 60px; height: 60px;}
.home-post-list .media-body {padding-left: 10px; line-height: 25px;}
.home-post-list .media-heading {margin-bottom: 8px;}
.home-post-list .media-heading a {font-size: 20px; color: #3f484f; padding-top: 5px;}
.home-post-list .media-body .post-info {margin-bottom: 0;}
.home-post-list .media-body .post-info i {margin-right: 4px;}
.home-post-tuisong .thumbnail {border: 0; padding: 0; margin-bottom: 18px; position: relative; overflow: hidden; height: 165px;}
.home-post-tuisong .thumbnail:last-child {margin-bottom: 0;}
.home-post-tuisong .thumbnail .img-div {height: 165px;}
.home-post-tuisong .thumbnail .caption {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; color: #fff;}
.home-post-tuisong .thumbnail .caption h3 {margin-top: 5px;}
.home-post-tuisong .thumbnail .caption .bg {position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); display: block;}
.home-post-tuisong .thumbnail:hover .bg {background-color: #555;}

.home-article-list > li {margin-bottom: 24px;}
.home-article-list > li:last-child {margin-bottom: 0;}
.home-article-list .img-div {width: 150px; height: 100px;}
.home-article-list .media-body {padding-left: 20px;}
.home-article-list .media-heading {margin-bottom: 12px;}
.home-article-list .media-heading a {font-size: 20px; color: #3f484f;}
.home-article-list .excerpt {line-height: 22px; height: 66px; overflow: hidden;}

.home-nav {background-color: #f5f5f5; padding: 20px 20px 10px; margin-bottom: 0;}
.home-nav a {color: #3f484f; white-space: nowrap; margin-bottom: 10px; display: inline-block; font-weight: bold; }
.home-nav a:hover {color: #ff4800;}

.search-title {font-weight: normal;}
.search-title a {color: #d1d1d1;}
.search-title .active a {color: #ff4800;}

/* pagenav */
.container .pagination {text-align: center; width: 100%;}
.container .pagination > li > a { line-height: 38px; height: 40px; padding: 0 16px; text-align: center; float: none; display: inline-block; margin: 0 3px; border-color: #e3e3e3; background-color: #fff; color: #3f484f; }
.container .pagination > li > a:hover,.pagination > li.active > a,.pagination > li.active > a:hover { border-color: #ff4800; background-color: #ff4800; color: #fff;}

/* pro */
.pro-single h1.title {color: #3f484f; font-weight: normal; line-height: 50px; position: relative; padding-right: 150px;}
.pro-single h1.title .btn-like {position: absolute; right: 0; top:4px;}
#pro-index-tlin {float: left; width: 400px;}
#pro-index-tlin .imgshow {width: 400px;height: 400px;display: table-cell;vertical-align: middle;text-align: center;outline: none;}
#pro-index-tlin .imgshow img { max-height: 400px; max-width: 400px; width: auto;vertical-align: middle; }
#pro-index-tlin .carousel-indicators {bottom: 0px;;}
#pro-index-tlin .carousel-indicators li {width: 12px; height: 12px; background-color: #3f484f; margin: 0; border: 0; border-radius: 6px;}
#pro-index-tlin .carousel-indicators li.active {background-color: #ff4800;}

#pro-index-trin { padding-left: 450px;}
#pro-index-trin h1 {margin-top: 0px; line-height: 40px; font-size: 30px; color: #3f484f;}
#pro-index-trin h1 .form-control {font-size: 30px; color: #3f484f; line-height: 40px;}
#pro-index-trin .h3s {font-size: 40px; margin-bottom: 30px; line-height: 40px; }
#pro-index-trin .h3s #price {color: #e33a3c;}
#pro-index-trin .h3s ul.list-inline {font-size: 18px; margin-top: 30px;}
#pro-index-trin .h3s .input-group-addon { background-color: #fff; }
#pro-index-trin .h3s small {margin-left: 10px;}
#pro-index-trin form .row {overflow: hidden;}
#pro-index-trin form .row:after {display: none;}
#pro-index-trin .form-group {padding-top: 30px;}
#pro-index-trin .btn-group .btn {padding: 15px 30px; font-size: 18px; border-radius: 0;}
#pro-index-trin .btn-group .btn.ml-10 {margin-left: 10px;}
#pro-index-trin #buy-num-input {border: 0; background-color: #e2e5e9;}
#pro-index-trin .select-number {border-color: #3e484f; background-color: #3e484f; color: #fff; border-radius:0; cursor: pointer; width: 46px; text-align: center;}
#pro-index-trin .btn-group button.add-cart {border-color:#ff4a00;background-color:#ff4a00; color: #fff;}

.pro-parameter .input-group {margin-top: 10px;}
.pro-parameter .input-group .input-group-addon {cursor: pointer; background-color: #fff;}

h4.pro-par-list-title {font-size: 18px; border-bottom: 1px dotted #e3e6e9; padding-bottom: 5px;}
.pro-par-list label {background-color: #9fa3a7; color: #fff; cursor: pointer; display: inline-block; padding: 2px 12px; border-radius: 12px;}
.pro-par-list label.active {background-color: #ff4a00;}
.pro-par-list label input {display: none;}

#parameterModal .input-group {margin-bottom: 10px;}
#parameterModal .input-group-addon {background-color: #fff; cursor: pointer;}
#delparameterModal .modal-body {text-align: center; padding:40px 0;}

.home-pro h4.title {margin-top: 0; margin-bottom: 10px; font-weight: normal; line-height: 30px; font-size: 20px;}
.home-pro h4.title > i {top: 3px; color: #ff4800;}

#cart,#checkout {border: 1px solid #e3e3e3;}
#cart .th1 {width: 30%;}
#cart .th2 {width: 25%;}
#cart .th3 {width: 15%;}
#cart .th4 {width: 20%;}
#cart .th5 {width: 10%;}
#cart table>thead>tr>th { border-bottom-width: 1px;}
#cart .panel-footer {background: transparent; border-top-width: 1px;}
#checkout .panel-heading { line-height: 25px;}
#cart .list-group-item {overflow: hidden;}
#cart .media-heading {margin-bottom: 15px;}
#cart .media-heading a {color: #747f8c;}
#cart .media-heading a:hover {color: #ff4a00;}
#cart .img-div {width: 100px; height: 100px;}
#cart .panel-body {line-height: 200px; font-size: 20px;}
#total {text-decoration: none; color: #555; font-size: 16px;}
#total span {color: #ff4a00;}
.delete-cart a {color: #3f484f;}
.delete-cart a:hover {color: #ff4800;}
#cart .input-group .value {line-height: 29px; padding: 0 15px;}
#cart .input-group-addon {text-align: center; width: 30px; font-size: 16px; padding: 0; line-height: 30px; background-color: transparent; border:0; color: #3e484f;}
#cart .btn {padding: 0; background: transparent; color: #3e484f; border: 0;}
.cart-status {position: absolute; top:0; right: 0; z-index: 1; bottom: 0; width: 120px; text-align: center; height: 120px; color: #fff; line-height: 120px; display: block;}
.cart-status.wait_send {background: #46b8da;}
.cart-status.wait_cofirm {background: #ff4a00;}
.cart-status.wait_finished {background: #4cae4c;}
.cart-status.wait_hdfk {background: #cd6de0;}
#checkout .panel-heading,#checkout .panel-footer {background: transparent;}
#checkout .input-group-addon {background-color: #fff; color: #ff4a00; cursor: pointer;}

#checkout .well {background-color: #fff;-webkit-box-shadow: none; box-shadow: none;}
#checkout .well h2.title {font-size: 18px; margin-bottom: 20px; margin-top: 0;}
.sel-payment {overflow: hidden; padding:0 0 0 4px; margin-bottom: 0;}
.sel-payment li {padding: 0px 0 20px 0;display: block;width: 180px;float: left;}
.sel-payment input,.sel-payment img {vertical-align: middle;outline: none;}
/* tenpay */
.icon-box{ width:126px;border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color:#eee}  
.icon-box1{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -324px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  
.icon-box91{ BACKGROUND: url(img/hdfk.png) no-repeat; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}
.icon-box2{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -370px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box3{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -278px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box4{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -235px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  
.icon-box5{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -463px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  
.icon-box6{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -685px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  
.icon-box7{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -186px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  
.icon-box8{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -9px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box9{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -509px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box10{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -136px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box11{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -592px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box12{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -52px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box13{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -721px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box14{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -93px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box15{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -548px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box16{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -418px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box17{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -752px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box18{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -785px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box19{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -818px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box20{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -847px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.icon-box21{ BACKGROUND: url(../../pay/tenpay/image/bank_list.gif) no-repeat 6px -884px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}

#total-true {font-size: 16px; padding-top: 30px; margin-bottom: 0;}
#total-true span {font-size: 25px; color: #ff4a00; font-weight: bold;}

/* POST */
#post-list-default .list-group {background-color: #e3e3e3;}
#post-list-default .list-group-item {border:0; margin-bottom: 1px; padding-left: 0; padding-right: 0;}
#post-list-default .media {overflow: hidden;}
#post-list-default .media .img-div {height: 40px; width: 40px;}
#post-list-default .media-body {padding-left: 10px;}
#post-list-default .media-heading a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #3e484f; }
#home-main-u #post-list-default .media-heading a {white-space: normal; display: inline;}
#post-list-default .media-heading .label-danger {background-color: #e33a3c; font-size: 12px; padding: 0 8px; line-height: 19px; display: inline-block; position: absolute; right: 0; top:0;}
#post-list-default .media-body p.post-info {font-size: 12px; color: #999; margin-bottom: 0; line-height: 17px; height: 17px;}
#post-list-default .media-body p.post-info i {margin-right: 4px; float: left;}
#post-list-default .media-body p.post-info a {margin-right: 10px; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 50px;}
#post-list-default .col-sm-6.text-right {line-height: 41px; font-size: 12px;}

.post-nav .pull-right a {color: #3f484f;}
.post-nav .pull-right i {margin-right: 4px;}

#single-title {font-weight: normal; line-height: 50px;}

#share {text-align: center;}
#share a {text-indent: 0; width: auto; background-image: none; line-height: 1.42857143; height: auto; margin: 0; background-color: transparent; float: none; display: inline-block;}
#share a.bds_qzone {border-color: #39B2E2; color: #39B2E2; margin-right: 10px;}
#share a.bds_qzone:hover {background-color: #39b2e2; color: #fff;}
#share a.bds_tsina {border-color: #d44137; color: #d44137; margin-right: 10px;}
#share a.bds_tsina:hover {background-color: #d44137; color: #fff;}
#share a.bds_weixin {border-color: #38ad5a; color: #38ad5a; margin-right: 10px;}
#share a.bds_weixin:hover {background-color: #38ad5a; color: #fff;}

.post-author .img-div {margin-right: 16px; width: 80px; height: 80px; }
.post-author .media-heading {line-height: 30px; font-size: 20px;}
.post-author .media-heading span {margin-left: 8px; font-size: 14px;}

.btn-success.btn-like {border-color: #ff4800; color: #ff4800; background-color: #fff;}
.btn-success.btn-like:hover,#share a.btn-success.btn-like:hover {background-color: #ff4800; color: #fff;}

/* article-list */
#article-list .thumbnail {padding: 0; border: 0; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px;}
#article-list .img-div {height: 300px;}
#article-list .caption {padding: 10px 0 0;}
#article-list .caption h3 {margin-top: 10px; font-size: 25px;}
#article-list .caption h3 a {color: #3f484f; font-weight: 700;}
#article-list .caption h3 a:hover {color: #ff4a00;}
#article-list .caption p {color: #747f8c; line-height: 22px; }
#article-list .caption li {color: #999;}
#article-list .caption li i {margin-right: 4px;}

.article-brd a {color: #3f484f;}
.article-brd a:hover {color: #ff4800;}

#single-head-img {min-height: 500px;margin-bottom: 20px; padding-top: 80px;}
.single-head-img.shi1 {position: absolute;width: 100%;min-height: 100%;top: 0;vertical-align: bottom;background-position: center center;background-repeat: none;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed;}
.single-head-img.shi2 {position: absolute;width: 100%;height: 100%;top: 0;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;background-image: -webkit-linear-gradient(-630deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 50%,rgba(255,255,255,0) 100%);background-image: linear-gradient(360deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 50%,rgba(255,255,255,0) 100%);}
.single-head-img.shi3 {text-align: center;color: #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;padding: 40px 40px 0;width: 100%;max-width: 1098px;max-height: 200px;}
.single-head-img.shi3 h1 {font-size: 48px; line-height: 1.3; margin-top: 0; margin-bottom: 30px;}
.single-head-img.shi3 p {font-size: 14px;}
.single-head-img.shi3 p a {color: #e3e3e3;}
.single-head-img.shi3 p a:hover {color: #fff;}
.single-head-img.shi3 h4 {max-width: 700px;margin: 80px auto 0; line-height: 1.5; font-weight: normal;}

#entry,.note-editable {color: #333332;line-height: 1.8;}
#entry p,
#entry h1,
#entry h2,
#entry h3,
#entry h4,
#entry h5,
#entry h6,
.note-editable p,
.note-editable h1,
.note-editable h2,
.note-editable h3,
.note-editable h4,
.note-editable h5,
.note-editable h6 {margin-bottom: 25px;}
#tags {font-size: 12px; margin-top: 20px;}
#tags a {color: #3e484f;}
#tags a:hover {color: #ff4a00;}
#single {padding:20px 0; background-color: #fff;}
#pro-single #single {padding-left: 15px; padding-right: 15px;}
#single-title {font-size: 30px; padding:5px 0; border-bottom: 1px solid #f5f5f5; color: #3f484f; line-height: 50px;}
#single .form-control {border: 0; background-color: #e6eaed;}

.ke-container-default {width: 100%!important;}

/* comment */
#comment h4.title {margin-top: 0; margin-bottom: 10px; font-weight: normal; line-height: 30px; font-size: 20px;}
#comment h4.title > i {top: 3px; color: #ff4800;}
#comment .img-div {width: 60px; height: 60px;}
#comment .media-body {padding-left: 18px;}
#comment .media-heading > a {color: #3e484f; }
#comment small.pull-right {font-size: 12px; color: #999; line-height: 22px; margin-left: 10px;}
#nologcom {position: absolute; line-height: 72px; bottom: 0; left: 0; width: 100%; height: 72px; text-align: center;}
#comment ul.list-unstyled li {background-color: #f9f9f9; line-height: 30px; padding:5px 15px; margin-bottom: 4px;}

/* footer */
footer.footer {background-color: #3e4147; padding: 40px 0; color: #c5c6c8; font-weight: bold; text-align: center; margin-top: 40px;}
footer.footer a {color: #c5c6c8; margin: 0 4px;}
#backtotop {position: fixed; right: 20px; bottom: 60px; font-size: 50px; opacity: 0.7; filter: alpha(opacity=70); }
footer.footer a:hover {color: #ff4800;}

.np_page_btn {position: fixed; top:40%; color: #3f484f; font-size: 40px; }
.np_page_btn:hover {color: #e3e3e3;}
.prev_btn {left: 10px;}
.next_btn {right: 10px;}

/* publish */
#pub-imgadd,#pub-logoadd,.pub-imgadd {position: relative;}
#pub-imgadd i {position: absolute; color: #ff4a00; font-size: 50px; left: 50%; top:50%; margin-left: -25px; margin-top: -32px; z-index: 2; cursor: pointer;}
#pub-imgadd i:hover {color: #222;}
#publish-title i {top:4px;}
#pub-imgadd img,.pub-imgadd img {width: 100%;}
#pub-imgadd #picfile,#pub-logoadd #picfile,.pub-imgadd #picfile {position: absolute; opacity: 0; filter: alpha(opacity=0); display: block; width: 100%; height: 100%; left: 0; top:0; right: 0; bottom: 0; cursor: pointer;}
#carousel-example-generic #picfile {position: absolute; opacity: 0; filter: alpha(opacity=0); display: block; width: 100%; height: 100%; left: 0; top:0; right: 0; bottom: 0; cursor: pointer; z-index: 1;}
#pub-imgadd .imgshow {cursor: pointer;}
#single-top #pro-index-tlin #publish-carousel-indicators li {margin: 0 2px;}

#note-mc-btn .note-image-input {position: absolute; opacity: 0; filter: alpha(opacity=0); display: block; width: 100%; height: 100%; left: 0; top:0; right: 0; bottom: 0; cursor: pointer;}

/* user */
.user-head {background-color: #e2e5e9; padding-top: 40px;}
.user-head .user-avatar {border-radius: 50%; width: 120px; height: 120px;}
.user-head h3.title {font-size: 30px; color: #3f484f; }
.user-nav {background-color: #e2e5e9; padding-top: 30px; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.user-nav .nav-tabs {margin-bottom: -1px; font-size: 20px;}
.user-nav .nav-tabs a {color: #3f484f;}
.user-nav .nav-tabs a:hover {color: #ff4800;}

.home-main h4.title { color: #3f484f; padding: 0 0 0 0; line-height: 40px; font-size: 25px; font-weight: bold; margin-top: 0;}
.home-main h4.title > i {color: #ff4a00;}
.home-main h4.title a.pull-right {width: 40px; text-align: center; color: #3f484f; }
.home-main h4.title a.pull-right:hover {color: #ff4800;}

.home-side .panel-heading { background-color: transparent; color: #3f484f; font-size: 20px; line-height: 40px; }
.home-side .panel-heading > i {color: #ff4800; top:2px; }
.home-side .panel-heading a.pull-right { color: #3f484f; width: 40px; text-align: center; }
.home-side .panel-heading a.pull-right:hover {color: #ff4800;}
.home-side .img-div {width: 70px; height: 70px;}
.home-side .img-div.img-circle {width: 40px; height: 40px;}
.home-side .list-group-item {background-color: transparent; padding: 10px 15px;}
.home-side .media {overflow: hidden;}
.home-side .media-left {margin-right: 10px;}
.home-side .media-heading {margin-bottom: 8px;font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home-side .home-side-post .media-heading {line-height: 40px; margin-bottom: 0; font-size: 16px;}
.home-side .media-heading a {color: #3f484f;}
.home-side .media-heading a:hover {color: #ff4a00;}
.home-side .media-body {max-width: 150px;}
.home-side .media-body p {margin-bottom: 4px;}
.home-side .panel-body {padding-left: 0; padding-right: 0;}
.home-side .list-group {}
.home-side a.list-group-item {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-color: #e3e3e3; padding: 10px 15px;}
.home-side .home-post .media-heading {font-size: 16px; line-height: 24px; padding-top: 2px;}
.home-side .home-post .post-info {font-size: 12px; color: #999; line-height: 18px;}
.home-side .home-post .post-info i {margin-right: 4px;}
.home-side .home-post .post-info a {margin-right: 8px;}

.login-head {padding-top: 120px;}

#post-list-default > .nav-pills {background-color: #f3f6f9;}

#post-list-default > .nav-pills a {color: #3f484f; font-weight: bold;}
#post-list-default > .nav-pills > li.active > a {background-color: #ff4800; color: #fff;}

.term-list.nav-pills>li>a {border: 1px solid #f5f5f5; }
.term-list.nav-pills>li.active>a {border-color: #f3f6f9; background-color: #f3f6f9; color: #3f484f;}
.term-list.nav-pills>li>a:hover {background-color: #f3f6f9;}